﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/MasterPage.Master" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="QLKS.Views.Index" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
 <style type="text/css">
    .col-room {
           float: left;
            background: #F1F1F1;
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 1px rgba(255, 255, 255, 0.7); */
    box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 1px rgba(255,255,255, .7);
    width: 220px;
    height: 220px;
    margin-right: 9px;
    margin-left: 10px;
    padding: 10px;
     color: blue ;
    }
    .col-room01 
    {
         float: left;
          
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 1px rgba(255, 255, 255, 0.7); */
    box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 1px rgba(255,255,255, .7);
    width: 220px;
    height: 220px;
    margin-right: 9px;
    margin-left: 10px;
    padding: 10px;
     color: blue ;
       background: #F5F5F5;
        color: #757575 !important;
    }
</style>
<script type="text/javascript">
$(document).ready(function () {
    if ($('.test').text() == 'Tình Trạng:  Đã Thuê') {
        $('.col-room').removeClass('col-room');
        this.addClass('.col-room01');
    }
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="title-right"><span></span>Tổng quan</div>
    <ul class="button">
        <li>
            <asp:TextBox ID="txtSearch" runat="server" CssClass="textbox" style=" height: 24px; width: 250px; margin:5px;"></asp:TextBox>
            <asp:LinkButton ID="btnSearch" runat="server" 
                style="float:left; padding-left:5px;" onclick="btnSearch_Click"><span></span>Tìm kiếm</asp:LinkButton> 
        </li>
    </ul>
    <div class="swap-product" style="padding-top: 20px;">
         <asp:Repeater runat= "server" ID="rep">
            <ItemTemplate>
                <div class="col-room" >
                    <div style="text-align: center"><asp:Image ID="Image1" ImageUrl=' <%# Eval("TinhTrang").ToString() == "False" ? "/Content/themes/room trong.png" : "/Content/themes/room het.png" %> ' width="180" height="150" runat="server" /></div>
                    <div style="margin-top: 10px;font-weight: bold;" >Tên Phòng: <%# Eval("TenPhong") %> </div>
                    <div class="test" style="margin-top: 10px;font-weight: bold;" >Tình Trạng:  <%# Eval("TinhTrang").ToString() == "False" ? "Phòng Trống" : "Đã Thuê" %></div>
                </div>
            </ItemTemplate>
        </asp:Repeater>
        <div style="clear: both"></div>
    </div>
</asp:Content>
<asp:Content ID="Content3" runat="server" contentplaceholderid="Menu">
<dl>
    <dt class="currentac"><a href="#">QUẢN LÝ PHÒNG</a></dt>
    <dd  class="currentac" style="display: block;">
        <ul>
            <li class="currentac"><a href="Index.aspx">Tổng quan</a></li>
            <li><a href="PhieuThuePhong_View.aspx">Phiếu thuê phòng</a></li>
            <li><a href="PhieuTraPhong_View.aspx">Phiếu trả phòng</a></li>
            <li><a href="HoaDon_View.aspx">Hóa đơn</a></li>
        </ul>
    </dd>
    <dt  ><a class="" href="#">HỆ THỐNG</a></dt>
    <dd style="display: none;">
        <ul>
            <li ><a href="DMPhong_View.aspx">Danh mục phòng</a></li>
            <li ><a href="DMKhachHang_View.aspx">Danh mục khách hàng</a></li>
            <li><a href="DMLoaiPhong_View.aspx">Danh mục loại phòng</a></li>
            <li><a href="DMLoaiKhachHang_View.aspx">Danh mục loại khách hàng</a></li>
            <li ><a href="DMNguoiDung_View.aspx">Danh mục người dùng</a></li>
            <li ><a href="ThamSoHeThong_View.aspx">Tham số hệ thống</a></li>
        </ul>
    </dd>
    <dt class=""><a href="#">BÁO CÁO</a></dt>
    <dd  style="display: none;">
        <ul>
            <li><a href="BaoCaoDoanhThuTheoLoaiPhong_View.aspx">Doanh thu theo loại phòng</a></li>
            <li><a href="BaoCaoMatDoSuDungPhong_View.aspx">Mật độ sử dụng phòng</a></li>
        </ul>
    </dd>
                            
</dl>
</asp:Content>